<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>会员中心</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/member.css" />
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<!--nav 可复用-->
		<div class="nav">
			<p onclick="javascript:history.back(-1);"><img src="images/箭头2.png" alt="" /></p>
			<p>会员中心</p>
		</div>
		<!--member head-->
		<div class="member_head">
			<img src="images/tupian1.png" alt="" />
			<p>会员未开通</p>
			<p>晴儿</p>
		</div>
		<!--set meal-->
		<div class="setmeal">
			<div class="setmeal_line">
				<p>1个月</p>
				<p>￥19.5 <del>￥39</del></p>
				<button>开通</button>
			</div>
			<div class="setmeal_line">
				<p>3个月</p>
				<p>￥39.8 <del>￥39</del></p>
				<button>开通</button>
			</div>
			<div class="setmeal_line">
				<p>6个月</p>
				<p>￥66.8 <del>￥102</del></p>
				<button>开通</button>
			</div>
			<div class="setmeal_line">
				<p>12个月</p>
				<p>￥99.8 <del>￥210</del></p>
				<button>开通</button>
			</div>
		</div>
		<!--member prompt-->
		<div class="member_prompt">
			<div class="member_prompt_line1">
				<h4>会员特权</h4>
				<p>1.头像优先审核特权,提前碰到有缘人</p>
				<p>2.提醒功能开放,主页访问提醒,私信提醒,打赏提醒等,优先推荐给异性用户,大大提高聊天约会机会</p>
				<p>3.优先呈现排名靠前,展示次数更多,更容易被关注</p>
			</div>
			<div class="member_prompt_line2">
				<h4>开通会员,更快找到另一半</h4>
				<img src="images/member_02.png" alt="" />
			</div>
			<div class="member_prompt_line1">
				<h4>温馨提示</h4>
				<p>服务将于在线支付成功后自动开通</p>
				<p>对服务有任何疑问或出现使用问题，请拨打穆穆网客服专线400-100-1360(8:00至20:00咨询)</p>
				<p>服务一经开通,不予退款,敬请谅解</p>
			</div>
		</div>
		<!--bottom 可复用-->
		<div class="mumu_bottom">
			<div class="mumu_bottom_line1" onclick="javascript:window.location.href='index.html'">
				<img src="images/tab4.png" alt="穆穆" />
				<p>穆穆</p>
			</div>
			<div class="mumu_bottom_line1" onclick="javascript:window.location.href='nearby.html'">
				<img src="images/tab3.png" alt="附近" />
				<p>附近</p>
			</div>
			<div class="mumu_bottom_line1" onclick="javascript:window.location.href='personletter.html'">
				<img src="images/tab2.png" alt="信息" />
				<p>私信</p>
			</div>
			<div class="mumu_bottom_line1">
				<img src="images/tab5.png" alt="动态" onclick="javascript:window.location.href='dynamic.html'"/>
				<p>动态</p>
			</div>
			<div class="mumu_bottom_line1 active">
				<img src="images/tab1-1.png" alt="我的" />
				<p>我的</p>
			</div>
		</div>
	</body>
</html>
